Skip to content

[feature branch] Upgrade chakra to v3#2387

Closed
alexvuong wants to merge 278 commits intonextfrom
feature/chakra-ui-upgrade-v3
Closed

[feature branch] Upgrade chakra to v3#2387
alexvuong wants to merge 278 commits intonextfrom
feature/chakra-ui-upgrade-v3

Conversation

@alexvuong
Copy link
Contributor

Description

Types of Changes

  • Bug fix (non-breaking change that fixes an issue)
  • New feature (non-breaking change that adds functionality)
  • Documentation update
  • Breaking change (could cause existing functionality to not work as expected)
  • Other changes (non-breaking changes that does not fit any of the above)

Breaking changes include:

  • Removing a public function or component or prop
  • Adding a required argument to a function
  • Changing the data type of a function parameter or return value
  • Adding a new peer dependency to package.json

Changes

  • (change1)

How to Test-Drive This PR

  • (step1)

Checklists

General

  • Changes are covered by test cases
  • CHANGELOG.md updated with a short description of changes (not required for documentation updates)

Accessibility Compliance

You must check off all items in one of the follow two lists:

  • There are no changes to UI

or...

Localization

  • Changes include a UI text update in the Retail React App (which requires translation)

@alexvuong alexvuong requested a review from a team as a code owner April 30, 2025 21:28
@cc-prodsec
Copy link
Collaborator

cc-prodsec commented Apr 30, 2025

🎉 Snyk checks have passed. No issues have been found so far.

security/snyk check is complete. No issues have been found. (View Details)

license/snyk check is complete. No issues have been found. (View Details)

@alexvuong alexvuong changed the base branch from feature/extensibility-v2 to next May 1, 2025 22:29
@alexvuong
Copy link
Contributor Author

NOTE: The CI will be broken because we are commenting out a lot of code, which will be fixed in another tickets

"@types/react": "~18.2.0",
"@types/react-dom": "~18.2.1",
"@types/react-router-dom": "~5.3.3",
"@peculiar/webcrypto": "^1.4.2",
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

TODO: Keep this set up until we are ready to merge this upgrade to next branch

@adamraya adamraya closed this May 14, 2025
@adamraya adamraya deleted the feature/chakra-ui-upgrade-v3 branch May 14, 2025 22:15
@alexvuong alexvuong restored the feature/chakra-ui-upgrade-v3 branch May 14, 2025 22:26
@alexvuong alexvuong reopened this May 14, 2025
bendvc and others added 21 commits June 2, 2025 09:04
…ui-upgrade-v3-toasts

@W-18602313 Chakra V3 Upgrade - toast
…ery/index.jsx

Co-authored-by: Adam Raya <adamraya@users.noreply.github.com>
Signed-off-by: Ben Chypak <bchypak@mobify.com>
…66_image_gallery_upgrade

[Chakra V3 Upgrade 🎨] Update `ImageGallery` Component @@W-18672066@@
…66_quantity_picker_upgrade

[Chakra V3 Upgrade 🎨] Update QuantityPicker Component @@W-18682956@@
* Upgrade Breadcrumb component

* Add test page

* Remove breadcrumb test page
bendvc and others added 29 commits July 14, 2025 13:12
 Migrate Account Details Page to use Chakra V3
…25_checkout-confirmation-page

[ChakraV3 Upgrade] ♻️ Checkout Confirmation Page @@W-18913525@@
* upgrade page designer comps with chakra v3
* migrate and enable wishlist page

* [Chakra V3 Upgrade] @W-18672916 refactor Wishlist page components (#2768)

* migrate wishlist secondary button group

* migrate wishlist primary action

* migrate useDisclosure hook

* comment out failing tests

* add back button hover style

* use prependHandlersToServer in jest-setup to simplify server setup

* wrap user action in act to avoid React warning

* skip commented tests to track them

* fix confirmation modal header style

* fix loading state for useWishlist hook

* center the text for empty wishlist/order history pages

* simplify code with Flex

* use string number for gap

* fix perttier issue

* Update packages/extension-chakra-storefront/src/pages/account/wishlist/index.jsx

Co-authored-by: Alex Vuong <alex.vuong@salesforce.com>
Signed-off-by: sf-jie-dai <jie.dai@salesforce.com>

* fix perttier issue

---------

Signed-off-by: sf-jie-dai <jie.dai@salesforce.com>
Co-authored-by: Alex Vuong <alex.vuong@salesforce.com>
* Fix pwless race conditions for all login places
…822712@) (#2785)

* Remove call to withLegacyGetProps

* Debugging

* Revert change to AppConfig

* Add todos

* Try commenting out the problematic Chakra hooks

Including those components that also call `useDisclosure`.

* Revert "Try commenting out the problematic Chakra hooks"

This reverts commit 970b97e.

* Create a safe version of useDisclosure

* Fix react-ssr-prepass lack of no-op for useInsertionEffect

* Don't render Portal on server side

* Show header again

* Revert "Create a safe version of useDisclosure"

This reverts commit 669f2eb.

* This Portal is already rendered only on client side

* Render nothing on server side

* Clean up code

* Remove unnecessary category check

* Add comment

* Update changelog files

* Existing tests are now passing again

* Revert change to the skeleton

* Add a comment closer to the prepass call

The setting of useInsertionEffect to a no-op had to be done in another file.

* Create a safe version of Portal

* Update changelog files

* Add comments to clarify

* Check first whether useInsertionEffect is defined or not

* Add more tests to pass test coverage

I didn't want to add test to react-rendering.test.js because my code change isn't much for testing. So I decided to add tests for another file instead.

* Add comment
* init

* Clean up styles

* PR Feedback

* Use zIndex value

* Use zIndex default skipNav value

* PR Feedback

* Fix copyright year

* Use token values instead of px

* Move styles to base
* clean up and enable tests for all files
@W-18910676 Refactor product listing page
@alexvuong alexvuong closed this Aug 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.